<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/new_file.js"></script>
		<!-- <link rel="stylesheet" href="css/头尾.css"> -->
		<script>
			$(function(){
				$(".boss1-1 li").eq(3).addClass("texiao");
				$(function(){
					$(".boss1-1 a").click(function(){
						var qwe = $(".boss1-1 a").index(this);
						$(".boss1-1 li").eq(qwe).addClass("texiao").siblings().removeClass("texiao")
					})
				})
			}),
			$(function(){
				$(".top-twos").hide()
				$(".san").show()
				$(".cha").hide()
				$(".san").click(function(){
					$(".san").hide()
					$(".cha").show()
					$(".top-twos").show()
				});
				$(".cha").click(function(){
					$(".san").show()
					$(".cha").hide()
					$(".top-twos").hide()
				})
			})
		</script>
	</head>
	<body>
		<!-- 头部内容 -->
		<header>
			<div class="img">
				<img src="img/close.png" class="cha" />
				<img src="img/菜单.png" class="san" />
			</div>
			<div class="top">
				<div class="top-one">
					<img src="img/top.png" />
				</div><!--top-one-->
				<div class="top-two">
					<ul>
						<li><a href="shouye.html">首页</a></li>
						<li><a href="company.html">公司简介</a></li>
						<li><a href="xiangmu.html">我们的项目</a></li>
						<li><a href="yiqi.html" class="line">我们的仪器</a></li>
						<li><a href="youshi.html">我们的优势</a></li>
						<li><a href="team.html">医师团队</a></li>
					</ul>
				</div><!--top-two-->
				<div class="top-three">
					<input type="search">
				</div><!--top-three-->
			</div><!--top-->
		</header>
		<div class="top-twos">
			<input type="search">
			<ul>
				<li><a href="shouye.html" id="lines">首页</a></li>
				<li><a href="company.html">公司简介</a></li>
				<li><a href="xiangmu.html">我们的项目</a></li>
				<li><a href="yiqi.html">我们的仪器</a></li>
				<li><a href="youshi.html">我们的优势</a></li>
				<li><a href="team.html">医师团队</a></li>
			</ul>
		</div><!--top-twos-->
		<div class="boss">
		
			<div class="boss2">
				<div class="boss2-1">
					<div class="b2-1">
						<img src="./img/yiqi1.png" style="width: 40%;"/>
					</div>
					<div class="b2-2">
						<ul>
							<li style="font-size: 1.5em; color: red;">超声炮</li>
							<li>一次见效</li>
							<li>多治疗头适应症广（皮下脂肪）</li>
							<li>温控系统效果更稳定</li>
							<li>可结合吸脂一起做</li>
							<li>无需长期治疗</li>
						</ul>
					</div>
				</div>
				<div class="boss2-1">
					<div class="b2-1">
						<img src="./img/yiqi2.png"/>
					</div>
					<div class="b2-2">
						<ul>
							<li style="font-size: 1.5em; color: red;">超光子 超皮秒 超声炮</li>
							<li>广域聚焦超声波抗衰新技术</li>
							<li>提拉紧致</li>
							<li>胶原激活</li>
							<li>轮廓精塑</li>
							<li>抗皱平纹</li>
						</ul>
					</div>
				</div>
				<div class="boss2-1">
					<div class="b2-1">
						<img src="./img/yiqi3.png"/>
					</div>
					<div class="b2-2">
						<ul>
							<li style="font-size: 1.5em; color: red;">抗皱紧致提拉已</li>
							<li>嫩肤淡斑 唤醒Q弹</li>
							<li>提拉肌肤 吸收加倍</li>
							<li>轻松应对肌肤水肿</li>
							<li>帮助高分子美容成分渗入肌肤</li>
							<li>改善眼周问题 打造年轻璀璨双眸</li>
						</ul>
					</div>
				</div>
				<div class="boss2-1">
					<div class="b2-1">
						<img src="./img/yiqi4.png"/>
					</div>
					<div class="b2-2">
						<ul>
							<li style="font-size: 1.5em; color: red;">玻尿酸精华液</li>
							<li>净肤质 | 调肤色 | 减肤龄</li>
							<li>美白透净换新肤</li>
							<li>专为缺水肌肤打造</li>
							<li>直达肌底见证奇迹夏天</li>
							<li>抗皱平纹</li>
						</ul>
					</div>
				</div>
			</div>
			
		</div>
		<!-- 底部内容 -->
		<footer>
			<div class="footers">
				<div class="footer-one">
					<p class="women" style="letter-spacing:5px;">联系我们</p>
					<p class="guanwang">官网：www.llpic.com</p>
					<p class="wx">微信/手机：888-8888888</p>
					<div class="f-div">
						<p class="phone">热线电话：888-8888888</p>
						<p class="address">地址：泰安市天平湖路888号</p>
					</div>
				</div>
				<div class="footer-two">
					<img src="img/footer.png" />
					<div class="p-show">
						<p class="phone">热线电话：888-8888888</p>
						<p class="address">地址：泰安市天平湖路888号</p>
					</div>
				</div>
				<div class="footer-three">
					<img src="img/erweima.jpg" />
				</div>
			</div>
		</footer>
	</body>
	<style>
		*{margin:0;padding:0;}
		li{list-style:none;}
		a{text-decoration:none;color:#fff;}
		/* 头部内容 */
		header{background-color:#EFCBBD;}
		.img{display:none;}
		.san{position:absolute;top:20px;right:40px;width:40px;}
		.cha{position:absolute;top:20px;right:40px;width:40px;}
		.top{width:1000px;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;}
		/* 头部图片 */
		.top-one img{width:200px;padding:10px 0;display:block;}
		/* 头部列表 导航*/
		.top-two{/* border:2px solid red; */width:65%;}
		.top-two ul{display:flex;justify-content:space-between;}
		.top-two ul li{/* border:3px solid green; */line-height:65px;}
		.line{border-bottom:3px solid #fff;}
		.top-two ul li a:hover{border-bottom:3px solid #fff;}
		/* 二次导航 */
		.top-twos{display:none;width:100%;background-color:rgba(225,225,225,0.8);padding-top:10px;position:fixed;top:70px;z-index:99;}
		.top-twos input{/* background-color:#EFCBBD; */width:200px;margin:0 auto;text-align:center;display:block;border-radius:15px;line-height:25px;border:none;background:url(img/搜索.png) #EFCBBD no-repeat 165px;background-size:20px;outline:none;}
		.top-twos ul{text-align:center;}
		.top-twos ul li{line-height:65px;font-size:20px}
		.top-twos ul li a{color:#000;}
		#lines{color:orange;}
		.top-twos ul li a:hover{color:orange;}
		/* 头部输入框 */
		.top-three input{outline:none;width:80px;margin:25px 0;border:0;border-radius:10px;height:20px;background:url(img/search2.png) no-repeat #fff 50px;background-size:20px;text-indent:1em;}
		.b2-1 img{width: 70%;}
		.boss2-1{display: flex; margin-top: 30px;}
		.b2-1{width:40% ;}
		.b2-2{width: 50%;}
		.boss2{padding: 0 15%;}
		.b2-2 ul{list-style: none;}
		.b2-2 li{padding: 10px 0; border-bottom: #e1e1e1 1px solid;}
		
		
		.texiao{border-bottom: 1px solid white;}
		
		
		/* 底部内容 */
		footer{background-color:#AC8053;width:100%;margin-top:100px;}
		.footers{width:1000px;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;color:#fff;}
		.footer-one{line-height:30px;padding-top:20px;}
		.footer-one p{letter-spacing:2px;}
		.women{font-size:20px;border-bottom:3px solid #F0CBBF;width:100px;line-height:40px;font-weight:bold;}
		.footer-two img{width:300px;display:block;padding-top:60px;}
		.footer-three img{width:100px;display:block;padding:50px 0;}
		.p-show{display:none;}
		@media screen and (max-width:1200px) {
			.top{width:100%;margin:0 auto;}
			.img{display:block;}
			.top-one img{padding:10px 25px;}
			.top-two{display:none;}
			.top-three{display:none;}
			
			
			
			
			.boss2{padding: 20px 0;}
			.boss2-1{flex-wrap: wrap; border-bottom: #ac8052 10px solid;}
			.b2-1{width: 100%;}
			.b2-1 img{margin: 0 auto; width: 70%; display: block;}
			.b2-2{width: 100%; text-align: center;}
			.b2-2 li{text-align: center;}
			
			/* 底部内容 */
			footer{width:100%;}
			.footers{/* border:2px solid red; */width:90%;margin:0 auto;}
			.footer-one{line-height:25px;/* border:2px solid black; */width:80%;padding-top:0;}
			.footer-one p{letter-spacing:0px;font-size:10px;}
			.footer-one .women{font-size:14px;width:80px;line-height:30px;font-weight:bold;padding-top:30px;}
			.footer-two{/* border:2px solid yellow; */width:100%;}
			.footer-two img{width:80%;padding-top:0px;padding-bottom:13px;padding-top:10px;}
			.footer-three{/* border:2px solid green; */width:50%;}
			.footer-three img{width:80%;display:block;padding:0px 0;padding-top:30px;}
			
			.f-div{display:none;}
			.p-show{display:block;font-size:10px;line-height:25px;}
		}
	</style>
</html>